<template>
	<view class="contain">
		<view class="input">
			<u-form :model="form" ref="uForm">
				<u-form-item label="序列号" width='100'>
					<u-input v-model="sn" placeholder='请输入序列号' />
				</u-form-item>
			</u-form>
		</view>
		<view class="footer">
			<u-button type="primary" :ripple="true" ripple-bg-color="#32afff">确认</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {},
				sn: null,
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.contain {
		position: relative;
		height: 100%;
		padding: 30rpx 50rpx;

		.input {
			position: absolute;
			top: 400rpx;
		}

		.footer {
			position: absolute;
			bottom: 50rpx;
			// width: 100%;

			.btn {}
		}
	}
</style>
